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Claims 



What is claimed is: 



SI 



1 . A system adapted to size a user interface (UI) element having at least one component 
"in response to a sizing input comprising: 

a sizing module adapted to size a first component in response to the sizing input; and 
an alignment module adapted to align a second component within the sized first 
component. 



The system of claim 1 wherein the UI element is themed. 



3. The system of claim 1 , wperein the first component is a bitmap and the sizing module 
is adapted to divide the bitmap into a plurality of grids and adjust margins of at least some of 
the grids to size at least some oi grids of the bitmap. 

4. A method for sizing a IfJI element having at least one component in response to a 
sizing input comprising: 

receiving the sizing injj>ut 

dividing a bitmapped first component into a plurality of grids; 
adjusting the margins of at least some of the grids to size at least some of the grids of 
the bitmap in response to the s izing input; and 

aligning a second component within the sized first component. 



5. The method of claim 4 



wherein the UI element is themed. 



6. A computer-readable medium storing computer-executable instructions adapted to 
perform the method of claim 4.1 
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7. In a computer system having a graphical user interface including a context that a UI 
element can be rendered to, a method for rendering a UI element having at least one 
component that is sized in response to sizing input comprising: 
receiving the sizing input; 

dividing a bitmapped fi st component into a plurality of grids; 
adjusting margins of at least some of the grids to size at least some of the grids of the 
bitmap in response to the sizing input; 

aligning a second component within the sized first component; and 
rendering the UI element to the context. 



8. 



The method of claim 7 



wherein the UI element is themed. 



9. A system adapted to si ze a bitmapped component of a UI element in response to a 
sizing input, where the bitmapped component was designed under a particular DPI, the 
system comprising: 

a sizing module adapted to size the bitmapped component in response to the sizing 
input and based upon a functional relationship between the DPI of the context that the UI 
element is being rendered to iind the DPI that the bitmapped component was designed under. 



1 0. The system of claim S 



wherein the UI element is themed. 



1 1 . The system of claim 9, wherein the sizing module is adapted to divide the bitmapped 



component into a plurality of 

12. The system of claim 1 
grids to adjust the size of the 



grids and adjust the size of the grids to size the component. 

1 wherein the sizing module is adapted to adjust margins of the 
ds. 



13. The system of claim 12 wherein the sizing module is adapted to adjust the margins of 
the grids based upon the functional relationship between the DPI of the context that the UI 
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element is being rendered to and the DPI that the bitmapped component was designed under. 



14. The system of claim 1 1 , 
the grids such that the size of eacji 
directions. 



y [herein the sizing module is adapted to adjust the margins of 
of the grids is adjusted in both the horizontal and vertical 



being 




1 5. The system of claim 14, 
context that the UI element is 
was designed under is the ratio o 
to to the DPI that the bitmapped 



wherein the functional relationship between the DPI of the 
rendered to and the DPI that the bitmapped component 
the DPI of the context that the UI element is being rendered 
component was designed under. 



16. A method for sizing a bitmapped component of a UI element in response to sizing 
input, where the bitmapped component was designed under a particular DPI, the method 
comprising: I 

receiving the sizing input; and 



sizing the bitmapped co 
functional relationship between 



to and the DPI that the bitmapped component was designed under. 



1 7. The method of claim 1 ( > 



18. 



The method of claim 16 
dividing the bitmap into 
adjusting margins of the 
relationship between the DPI of 
DPI that the bitmapped component 



ponent in response to sizing input and based upon a 
the DPI of the context that the UI element is being rendered 



wherein the UI element is themed. 



further including: 
a plurality of grids; and 

grids to adjust the size of the grids based upon the functional 
the context that the UI element is being rendered to and the 
was designed under. 



1 9. The method of claim 1 S further including: 

adjusting the margins ofuhe grids such that the size of each of the grids is adjusted in 
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both the vertical and horizontal directions. 

20. The method of blaim 19 further including: 
adjusting the margins of the grids based upon the ratio of the DPI of the context that 

the UI element is being Rendered to to the DPI that the bitmapped component was designed 
under. 

21. A computer-readable medium storing computer-executable instructions adapted to 
perform the method of claim 20. 

22. In a computer system having a graphical user interface including a context that a UI 
element having a bitmap component can be rendered to, a method for rendering the UI 
element in response to sizi ig input where the bitmapped component was designed under a 

comprising: 
input; and 



particular DPI, the method 
receiving the sizing 



functional relationship betv 



sizing the bitmapped component in response to the sizing input and based upon a 



een the DPI of the context that the UI element is being rendered 



to and the DPI that the bitmapped component was designed under. 

23. The system of claim E2 wherein the UI element is themed. 

24. The method of claim 22 further including: 
dividing the bitmap inio a plurality of grids; and 

adjusting margins of tlie grids to adjust the size of the grids based upon the functional 
relationship between the DPI off the context that the UI element is being rendered to and the 
DPI that the bitmapped component was designed under. 

25. The method of claim 24 further including: 

adjusting the margins of me grids such that the size of each of the grids is adjusted in 
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both the vertical and horizontal directions. 

26. The method of ckim 25 further including: 

adjusting the margins of the grids based upon the ratio of the DPI of the context that 
the UI element is being rendered to to the DPI that the bitmapped component was designed 
under. 1 

27. A system adapted to produce a UI element having at least one component comprising: 
a sizing module adapted to choose a second component of the UI element from a 

library of second components; and 

an alignment module adapted to align the chosen second component within a first 
component of the UI element. 

28. The system of claim 27 wherein the UI element is themed. 

29. The system of claim|27 wherein entries within the library are designed under a 
particular DPI, the sizing module adapted to choose the second component from the library 
based upon a functional relationship between the DPI of the context that the UI element is 
being rendered to and the DPI that the entries within the library were designed under. 

30. The system of claim 29 wherein the sizing module is adapted to choose the second 
component from the library baked upon the ratio of the DPI of the context that the UI element 
is being rendered to to the DPIjthat the entries within the library were designed under. 

'herein the sizing module is further adapted to refine the size 
based upon the ratio of the DPI of the context that the UI 
ie DPI that the entries within the library were designed 



3 1 . The system of claim 30 1 
of the chosen second component 
element is being rendered to to tt 
under. 
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32. A method for producing a III element having at least one component comprising: 

choosing a second component of the UI element from a library of second components; 



and 



aligning the chosen second 



component within a first component of the UI element. 



33. The method of claim 32, Wherein 
particular DPI, the method further 

choosing the second component 
between the DPI of the context that 
entries within the library were designed 



entries within the library are designed under a 
including: 

from the library based upon a functional relationship 
the UI element is being rendered to and the DPI that the 
under. 



34. The method of claim 33 further comprising: 

choosing the second component from the library based upon the ratio of the DPI of 
the context that the UI element is Ipeing rendered to to the DPI that the entries within the 
library were designed under. 



35. The method of claim 34 fi rther comprising: 

refining the size of the chosen second component based upon the ratio of the DPI of 
the context that the UI element is being rendered to to the DPI that the entries within the 
library were designed under. 



36. A computer-readable me( ium having computer-executable instructions adapted to 
perform the method of claim 32. 

37. A computer-readable medium having computer-executable instructions adapted to 
perform the method of claim 33. 



38. In a computer system having a graphical user interface including a context that a UI 
element having at least one component can be rendered to, a method for rendering a UI 



35 



MS 164006.1 




element comprising: 

choosing a second component of the UI element from a library of second components; 
aligning the chosen second component within a first component of the UI element; 
and \ 

rendering the UI element to the context. 

39. The system of claim 38 wherein the UI element is themed. 

40. The methodlof claim 38, wherein entries within the library are designed under a 
particular DPI, the method further including: 

choosing the second component from the library based upon a functional relationship 
between the DPI of the context that the UI element is being rendered to and the DPI that the 
entries within the library were designed under. 

4 1 . The method oflclaim 40 further including: 

choosing the second component from the library based upon the ratio of the DPI of 
the context that the UI element is being rendered to to the DPI that the entries within the 
library were designed uAder. 

42. A system adapted to produce a UI element having at least one component in response 
to sizing input comprising: 

a sizing module adapted to size a scalable font of a second component in response to 
the sizing input and based upon the DPI of a context that the UI element is being rendered to; 
and \ 

an alignment modula adapted to align the sized second component within a first 
component of the UI element 

43. The system of claim 42 wherein the UI element is themed. 



36 



MS 164006.1 



• 



44. A system adapted to pipduce a UI element having at least one component in response 
to sizing input comprising: 

a sizing module adapted to size a vector of a second component of the UI element in 
response to the sizing input ai d based upon the DPI of acontext that the UI element is being 
rendered to; and 

an alignment module adapted to align the sized second component within a first 
component of the UI element 



45. The system of claim 44 



wherein the UI element is themed. 
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